<template>
<div>
    <h1>Vue Router</h1>
    <div>
        <router-link to = "/">Home</router-link> |
        <router-link to = "/About">About</router-link>|
        <router-link to = "/Detail">Detail</router-link>
    </div>
    <router-view/>
</div>
</template>

<style>
.router-link-exact-active{
    color:red;
}
</style>